<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css practice</title>
<link rel="stylesheet" href="css/day4_css_style.css">
<style type="text/css">
.thumbnail 
{
float:left;
width:110px;
height:90px;
margin:5px;
}
</style>
</head>
<body>
	<h3>Image Gallery</h3>
	<p>Try resizing the window to see what happens when the images does
		not have enough room.</p>
	<img class="thumbnail" src="image/1.jpg" width="107"
		height="90">
	<img class="thumbnail" src="image/1.jpg" width="107"
		height="80">
	<img class="thumbnail" src="image/1.jpg" width="116"
		height="90">
	<img class="thumbnail" src="image/1.jpg" width="120"
		height="90">
	<img class="thumbnail" src="image/1.jpg" width="107"
		height="90">
	<img class="thumbnail" src="image/1.jpg" width="107"
		height="80">
	<img class="thumbnail" src="image/1.jpg" width="116"
		height="90">
	<img class="thumbnail" src="image/1.jpg" width="120"
		height="90">
</body>
</html>